<template>
  <div
    ref="container"
    class="container"
  />
</template>

<script setup>
import LogicFlow from "@logicflow/core"
import "@logicflow/core/dist/style/index.css"

const container = ref()
const lf = ref()

onMounted(() => {
  lf.value = new LogicFlow({
    // 通过选项指定了渲染的容器和需要显示网格
    container: container.value,
    grid: true,
  })
  lf.value.render()
})
</script>

<style scoped>
.container {
  block-size: 500px;
  inline-size: 1000px;
}
</style>
